<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 边界符号 ：限定边界 的特殊符号  ^  $  \b 
        // 一 ^ :以什么作为开头 
        // var str = "adfsafdas";
        // var reg = /^a/;  //匹配 字符必须是以a作为开头的 
        // console.log( reg.test(str));
        // 二 $  : 以什么作为结尾 
    //     var str = "fdafadsa";
    //     var reg = /a$/;
    //   console.log(  reg.test(str));
    // 三、\b  匹配 非\w(数字、字母、下划线) 的内容 的边界  
    // className = "acitve  box "
    // var str = "this is a book";
    // var reg = /\bis\b/;
    // console.log( reg.test(str));

//     var str = "a";
//     var reg = /^a?$/;
//    console.log( reg.test(str));
// 思考： 怎么以  ab作为开头 或者 以 as作为结尾？？？
//  className = "btn-item-active check"; //委托 className判断会出现问题 



    </script>
</body>
</html>